<template>
<div class="boot">
    <!-- 每日签到模块 -->
    <router-link to="/everydaySign">
        <Sign></Sign>
    </router-link>

    <!-- 领券中心模块 -->
    <router-link to="/discountTicketCenter">
        <discount-ticket-center></discount-ticket-center>
    </router-link>

    <!-- 我的订单模块 -->
    <router-link to="/orderList">
        <order-list></order-list>
    </router-link>

    <!-- 分类中心 -->
    <router-link to="/classifyCenter">
        <classification-center></classification-center>
    </router-link>

</div>
</template>

<script>
// 引入领券中心模块
import DiscountTicketCenter from './compontents/DiscountTicketCenter'
// 引入每日签到模块
import Sign from './compontents/Sign'
// 引入我的订单模块
import OrderList from './compontents/OrderList'
// 引入分类中心模块
import ClassificationCenter from './compontents/ClassificationCenter'
export default {
    name: 'fourChoice',
    components: {
        DiscountTicketCenter,
        Sign,
        OrderList,
        ClassificationCenter
    }
}
</script>

<style scoped>
.boot {
    display: flex;
  display: -webkit-flex;
    justify-content: space-between;

}

.boot>* {
    width: 20%;
}

.boot > * > * {
  text-align: center;
}
</style>
